<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="images/icon/favicon.png">
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/jquery.min.js"></script>
    <script src="js/login.js"></script>
    <script src="js/check.js"></script>
    <script src="js/pack.js"></script>
    <title>学生成绩管理系统</title>
</head>
<body>
    <!-- 头部标签开始 -->
    <div class="web-head">
        <div class="web-head-img">
            <img src="images/favicon.png">
        </div>
        <h2>学生成绩管理系统</h2>
        <h3>欢迎您</h3>
    </div>
    <!-- 头部标签结束 -->
    <!-- 登录注册模块开始 -->
    <div class="container right-panel-active" id="control">
        <!-- 登录账号模块 -->
        <div class="container-form contain-signup">
            <div class="form-signup" >
                <h2 class="title">登录账号</h2>
                <img src="images/eye.png" class="pwddisplay">
                <label for='nameinput2'>学号/工号</label>
                <input type="text" class="nameinput2">
                <div class="bottom-line"></div>
                <label for='nameinput2'>密码</label>
                <input type="password" class="pwdinput2">
                <div class="bottom-line"></div>
                <div class="bottom">
                    <select>
                    <option value=''>请选择权限</option>
                    <option value='学生'>学生</option>
                    <option value='老师'>老师</option>
                    <option value='管理员'>管理员</option>
                    </select>
                <button class="btn" id="signupbtn">立即登录</button>
                </div>
            </div>
        </div>
        <!--注册账号模块 -->
        <div class="container-form contain-signin">
            <div class="form-signin">
                <h2 class="title">注册账号</h2>
                <img src="images/eye.png" class="pwddisplay">
                <label for='nameinput1'>学号/工号</label>
                <input type="text" class="nameinput1" id="nameinput1">
                <div class="bottom-line"></div>
                <label for='nameinput1'>密码</label>
                <input type="password" class="pwdinput1" id='pwdinput1'>
                <div class="bottom-line"></div>
                <div class="vrcheck">
                    <label for='vrcode'>验证码</label>
                    <input type="text" class="vrcode" id="vrcode">
                    <img class="vrcode-img" src="php/show_code.php">
                    <div class="bottom-line"></div>
                </div>
                <button class="btn" id="signinbtn">立即注册</button>
            </div>
        </div>
        <div class="container-overlay">
            <div class="overlay">
                <div class="overlay-panel overlay-left">
                    <button class="btn" id="signup">没有账号，点击注册</button>
                </div>
                <div class="overlay-panel overlay-right">
                    <button class="btn" id="signin">已有账号，立即登录</button>
                </div>
            </div>
        </div>
    </div>
</body>
</html>